.teacherbox {
  width: 100%;
}
.teacherbox .buttom {
  height: 83vh;
  overflow-y: scroll;
}
.teacherbox .buttom .pagination {
  width: 100%;
  display: flex;
  justify-content: center;
}
.teacherbox .top {
  display: flex;
  justify-content: space-between;
}
.teacherbox .top .title {
  font-size: 20px;
}
.teacherbox .top .btn {
  display: flex;
}
.teacherbox .top .add {
  margin-left: 10px;
}
.teacherbox .top dialog .dialog-footer button:first-child {
  margin-right: 15px;
}
.teacherbox .top .el-dialog__body {
  padding: 0px ;
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
  word-break: break-all;
}
.teacherbox .top .el-dialog {
  --el-dialog-width: 50%;
  --el-dialog-margin-top: 15vh;
  --el-dialog-bg-color: var(--el-bg-color);
  --el-dialog-box-shadow: var(--el-box-shadow);
  --el-dialog-title-font-size: var(--el-font-size-large);
  --el-dialog-content-font-size: 14px;
  --el-dialog-font-line-height: var(--el-font-line-height-primary);
  --el-dialog-padding-primary: 15px;
  --el-dialog-border-radius: var(--el-border-radius-small);
  position: relative;
  margin: var(--el-dialog-margin-top, 15vh) auto 50px;
  background: var(--el-dialog-bg-color);
  border-radius: var(--el-dialog-border-radius);
  box-shadow: var(--el-dialog-box-shadow);
  box-sizing: border-box;
  width: var(--el-dialog-width, 50%);
  height: 500px;
  width: 600px;
}
.teacherbox .top .el-form-item__label {
  display: flex;
  flex: 0 0 auto;
  font-size: var(--el-form-label-font-size);
  color: var(--el-text-color-regular);
  height: 32px;
  line-height: 32px;
  padding: 0px 12px 0px 0px;
  box-sizing: border-box;
}
.teacherbox .top .dialog-footer {
  margin-top: 20px;
}
.teacherbox .reset {
  width: 30%;
}
.teacherbox .reset .el-dialog__body {
  padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
  word-break: break-all;
  margin-left: 40px;
}
.teacherbox .reset .el-form-item__label {
  width: 70px ;
}
.teacherbox .reset .el-button--text {
  margin-right: 15px;
}
.teacherbox .reset .el-select {
  width: 220px;
}
.teacherbox .reset .el-input {
  width: 300px;
}
.teacherbox .reset .dialog-footer button:first-child {
  margin-right: 10px;
}
.teacherbox .search {
  display: flex;
}
.teacherbox .search .int {
  width: 220px;
  font-size: 13px;
}
.teacherbox .search .el-col-24 {
  flex: 0;
}
.teacherbox .edit .dialog-footer button:first-child {
  margin-right: 10px;
}
.teacherbox .demo-pagination-block + .demo-pagination-block {
  margin-top: 10px;
}
.teacherbox .demo-pagination-block .demonstration {
  margin-bottom: 16px;
}
.teacherbox .el-pagination {
  margin: 0 auto;
  margin-top: 15px;
}
.teacherbox .example-demonstration {
  margin: 1rem;
  color: dimgrey;
  font-size: 14px;
}
.teacherbox .search {
  margin-bottom: 20px;
}
.teacherbox .el-row:last-child {
  margin-bottom: 0;
}
.teacherbox .el-col {
  border-radius: 4px;
}
.teacherbox .grid-content {
  border-radius: 4px;
}
.teacherbox .el-cascader .el-input .el-input__inner {
  font-size: 13px;
}
.teacherbox .el-select .el-input__inner {
  font-size: 13px;
}
.teacherbox .el-table th.el-table__cell > .cell {
  font-size: 12px;
}
.teacherbox .el-table td.el-table__cell div {
  font-size: 12px;
}
.teacherbox .el-button > span {
  font-size: 12px;
}
